<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      th:replace="fragments/layout(title='部门设置',cssPaths='/static/css/jquery-ui.min.css,/static/plugins/zTree/css/zTreeStyle/zTreeStyle.css',jsPaths='/static/plugins/jquery-ui.min.js,/static/plugins/zTree/js/jquery.ztree.core.js,/static/plugins/zTree/js/jquery.ztree.exedit.js,/static/js/personnel/department/list.js')">
<div class="right" th:fragment="right">
    <style>
        div#rMenu {
            position: absolute;
            visibility: hidden;
            top: 0;
            background-color: #555;
            text-align: left;
            padding: 2px;
        }

        div#rMenu a {
            cursor: pointer;
            list-style: none outside none;
        }

        .ui-menu {
            width: 76px;
        }
    </style>

    <!--面包屑-->
    <div class="breadcrumb layui-bg-gray">
                    <span class="layui-breadcrumb" lay-separator=">">
                        <a th:href="@{/}">首页</a>
                         <a href="">人事管理</a>
                            <a href="/department">部门设置</a>
                    </span>
    </div>


    <!--以下就是右键demo2后弹出的菜单项-->
    <ul id="menu" style="display: none;position: fixed;z-index: 1">
        <li><a href="#" class="save" data-id="">添加部门</a></li>
        <li id="li-delete"><a href="#" class="delete" data-id="" data-zi="">删除部门</a></li>
    </ul>

    <div id="area" style="width: 200px">
        <ul id="DepartmentTree" class="ztree"></ul>
    </div>
</div>

</html>